<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1"  charset="utf-8">
	<script type="text/javascript">	
 	</script>
	<title></title>
	<style type="text/css">
		*{
			padding:0;
			margin:0;
		}
		 html {
	 		font-size:62.5%;
	 		background:#fff;
	 	}
		.box{
			width:14.9rem;
			margin:3.8rem auto;
			overflow:hidden;
		}
		.logle{
			height:7.6rem;
			width:14.9rem;
		}
		.logfont{
			width:100%;
			height:1.8rem;
			line-height: 1.8rem;
			text-align:center;
			font-size:1.8rem;
			font-family:HYZhengYuan-GES;
			color:rgba(0,91,172,1);
			margin-top:0.5rem;
		}
		.englog{
			margin:0.6rem auto 0 auto;
			text-align:center;
			width:94%;
			height:1.5rem;
			font-size:1.5rem;
			font-family:HYZhengYuan-GES;
			color:rgba(0,91,172,1);
			line-height:1.5rem;
		}
		.boxtop{
			height:31rem;
			width:50rem;
			margin:0 auto;
			background:rgba(255,255,255,1);
			border-radius:1rem;
			box-shadow: 0.4rem 0.4rem 2rem 0.4rem rgba(0,0,0,0.12);
			overflow:hidden;
		}
		.boxbot{
			margin:3.3rem 7.7rem 5.6rem 7.7rem;
		}
		.topzi{
			margin-top:0.33rem;
		}
		.name{
			height:5.2rem;
		}
		.namepic{
			width:4.5rem;
			height:4.6rem;
		}
		hr{
			height:0.1rem;
			margin:0.6rem 0.4rem 0 0.4rem;
			background:rgba(149,149,149,0.8);
		}
		.workma{
			font-size:2rem;
			font-family:SimHei;
			color:rgba(160,160,160,1);
			margin-left:2.6rem;
		}
		.boxname{
			display:flex;
			align-items:flex-end;
			margin-top:0.7rem;
		}
		.button{
			margin:0 7.7rem;
			height:5.8rem;
			line-height:5.8rem;
			background:rgba(83,164,220,1);
			border-radius:2rem;
			margin-top:5.1rem;
			text-align:center;
			font-size:2.4rem;
			font-family:SimHei;
			color:rgba(0,0,0,1);
		}
		.bodcen{
			height:50rem;
			width:50rem;
			position:absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			margin:auto;
		}
		input{
			border:none;
			outline:none;
			text-align:left;
		}
	</style>
</head>
<body>
	<div class="bodcen">
		<div class="box">
			 <img src="./img/20180425110505@3x.png" class="logle">
			 <p class="logfont">中国中化集团公司</p>
			 <p class="englog">SINOCHEM GROUP</p>
		</div>
		<div class="boxtop">
			<div class="boxbot">
				<div class="boxname">
					<img src="./img/name.png" class="namepic">
					<input type="" name="" placeholder="工号" class="workma">
				</div>
				<hr>
				<div class="boxname">
					<img src="./img/work.png" class="namepic">
					<input type="" name="" placeholder="职位" class="workma">
				</div>
				<hr>
			</div>
			<div class="button">登陆</div>
		</div>
	</div>
</body>
</html>